/********************************************************************
CSS < frw_teachmob >

IMPLEMENTACIÓN:	El html del cada acción está dentro de:	<div id="{ code_action }" >		
APOYAMOS CSS EN ESOS ID   (c) NetCentros WebSystems SL     www.netcentroseduca.net
*********************************************************************/

/*#######################################################################################
	COMÚN SERVICIO PARA TODAS ACCIONES
########################################################################################*/
body{
	font-size:1.1em !important;
	font-family:Arial, Helvetica, sans-serif;
}
.InputChecked{
	background-color:#fcfcc2;
	display:inline-block;
	padding:2px;
	border-radius:4px;
}
h3 span{
	font-size:0.9em;
}
/*.........................................................*/
#TapaderaConnect{
	width:100%;
	height:100%;
	position:fixed;
	z-index:2000;
	background:url(../shared_rec/img_shared/FndTapadera.png) repeat top left;
	display:none;
}
#TapaderaConnect p{
	text-align:center;
	font-size:1em;
	margin-bottom:20px;
	margin-top:150px;
}
#TapaderaConnect a{
	width:300px;
	background:url(../shared_rec/img_shared/FndNarBtnTeachMob.png) repeat-x top left #f7921e;
	border:1px solid #F15A24;
	padding:10px 5px;
	border-radius:5px;
	color:#fff;
	font-size:1.3em;
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:100px;
	text-decoration:none;
}
#TapaderaConnect a span{
	font-size:0.9em;
	display:block;
	margin-bottom:8px;
}
#TapaderaConnect a:hover{
	color:#FFEADF;
}
/*.........................................................*/
#FrwTeachMob{
	background-image:none;
	background-color:#e5e4e4;
}
#ContTeachMob{
	/*background:url(../shared_rec/img_shared/FndBodyTeachMob2.png) repeat-x 0px -15px;*/
	/*background:url(../shared_rec/img_shared/FndCabTeachMob.png) repeat-x 0px 0px;*/
	background-color:#64ad00;
	
	max-height:101px;
	min-height:35px;
	padding:5px 8px;
	border-bottom:1px solid #aaa;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

/* Logo */
#ContTeachMob #Logo{
	width:120px;
	display:inline-block;
}
#ContTeachMob #Logo img{
	width:100%;
}

/*User + Menu*/
#SecOpc{
	float:right;
}
	
	/*User*/
	#SecOpc div.User{
		text-align:right;
	}
	#SecOpc div.User span,
	#SecOpc div.User a	{
		font-size:0.9em;
		color:#fff;
	}
	#SecOpc div.User span.Teacher{
		background:url(../shared_rec/img_shared/IconUserTeacherMob.png) no-repeat top left;
		display:inline-block;
		line-height:20px;
		padding-left:28px;
		color:#fff;
	}
	
	#SecOpc div.User a.BtnCerrar{
		color:#7db900;
		padding:3px 8px;
		background-color:#fff;
		display:inline-block;
		border-radius:3px;
		text-decoration:none;
		font-weight:bold;
	}
	/*FrwBtnMenu*/
	#SecOpc div#FrwBtnMenu{
		float:right;
		margin-left:20px;
		margin-top:6px;
		display:none;
	}
	#SecOpc div#FrwBtnMenu a{
		display:inline-block;
		color:#fff;
		padding-left:28px;
		background:url(../shared_rec/img_shared/IconMobMenu.png) no-repeat top left;
		font-weight:bold;
		text-decoration:none;
	}
	
	/*Opciones*/
	#SecOpc div.RecCerrar{
		background-color:#fff;
		position:absolute;
		top:35px;
		right:20px;
		overflow:hidden;
		display:none;
		z-index:100;
	}
	#SecOpc div.RecCerrar a{
		color:#5a8501;
		text-decoration:none;
	}
	#SecOpc div.RecCerrar p{
		padding:5px 15px;
		text-align:left;
		border-bottom:1px solid #f1f1f1;
	}
	#SecOpc div.RecCerrar p:hover{
		background-color:#7DB900;
	}
	#SecOpc div.RecCerrar p:hover a{
		color:#fff;
	}

	/*Menu*/
	#Menu {
		position: relative;
		margin: 0px 0;
		padding-top:18px;
		display:none;
		z-index:1000;
	}
	#Menu ul {
		margin: 0;
		padding: 0;
	}
	#Menu li {
		margin: 0 5px 5px 0;
		padding: 0;
		list-style: none;
		display: inline-block;
	}
	#Menu a {
		padding:10px;
		text-decoration: none;
		color: #fff;
		line-height: 100%;
		border-radius: 5px;
		border: solid 1px #000;
		background:url(../shared_rec/img_shared/FndVerBtnTeachMob.png) repeat-x 0px 0px #b0d564;
		border:1px solid #4D6D0B;
		
		font-size:1.04em;
		
	}
	#Menu a:hover {
		background:url(../shared_rec/img_shared/FndNarBtnTeachMob.png) repeat-x 0px -8px #f7921e;
		color: #fff;
		border:1px solid #F15A24;
	}
	#Menu li.Selected a {
		background:url(../shared_rec/img_shared/FndNarBtnTeachMob.png) repeat-x 0px -8px #f7921e;
		color: #fff;
		border:1px solid #F15A24;
	}
	/* right nav */
	#Menu.Right ul {
		text-align: right;
	}
	/* center nav */
	#Menu.Center ul {
		text-align: center;
	}


/***************************************************************************/
/***************************************************************************/
/***************************************************************************/
@media screen and (min-width: 768px) {
	#Menu{
		display:block;
	}
}
/*********************************************************************************************/
/********************************PARA DISPOSITIVOS PEQUEÑOS **********************************/
/*********************************************************************************************/
@media screen and (max-width: 768px) {
	#FrwTeachMob{
		background-color:#fff;
	}
	#SecOpc{
		float:none;
		overflow:hidden;
	}
	#SecOpc div.User{
		text-align:left;
		display:table-cell;
		padding-top:6px;
	}
	#SecOpc div.User span,
	#SecOpc div.User a	{
		font-size:0.75em;
	}
	/*.......................................*/
	#ContTeachMob #Logo{
		display:none;
	}
	/*.......................................*/
	#Menu{
		position: absolute;
		top: 25px;
		right:0;
	}
		#SecOpc div#FrwBtnMenu{
			display:table-cell;
		}
		#SecOpc div#FrwBtnMenu a{
			font-size:0.75em;
		}
	#Menu ul {}
	#Menu li {
		min-width:130px;
		margin: 0;
		display:block;
		text-align: left;
		background:url(../shared_rec/img_shared/FndVerBtnTeachMob.png) repeat-x 0px -8px #b0d564;
		border:1px solid #4D6D0B;
		
		line-height: 100%;
	}
	#Menu li.Selected,
	#Menu li:hover {
		background:url(../shared_rec/img_shared/FndNarBtnTeachMob.png) repeat-x 0px 0px #f7921e!important;
	}
	#Menu a,
	#Menu li.Selected a  {
		display:inline-block;
		line-height: 100%;
		background-image:none;
		background-color:transparent;
		border:none;
		border-radius:0px;
		padding:15px;
		margin:0px;
		
	}
	#Menu a:hover {
		background-image:none;
		border:none !important;
		background-color:transparent;
		border-radius:0px;
	}

	/* right nav */
	#Menu.Right {
		left: auto;
		right: 0;
	}

	/* center nav */
	#Menu.Center {
		left: 50%;
		margin-left: -90px;
	}
	
}
/*********************************************************************************************/
/**************************PARA DISPOSITIVOS CON MUCHA RESOLUCIÓN ****************************/
/*********************************************************************************************/


/***************************************************************************/
#FrwCuerpo{
	width:100%;
}